.htmlcontent{margin-bottom:2rem}.htmlcontent-wrapper{display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}.htmlcontent-item{position:relative;-webkit-flex:1 0 25rem;flex:1 0 25rem;max-width:100%;overflow:hidden;font-size:.8rem}.htmlcontent-item.flex-2{-webkit-flex:2 0 50rem;flex:2 0 50rem}@media (min-width: 1200px){.htmlcontent-item{-webkit-flex-basis:37rem;flex-basis:37rem;font-size:1rem}.htmlcontent-item.flex-2{-webkit-flex-basis:74rem;flex-basis:74rem}}.htmlcontent-inner{display:grid;grid-auto-rows:minmax(4rem, auto);width:100%;height:100%;background:#333}.htmlcontent-inner:hover .item-img{opacity:.5;-webkit-transform:scale(1.05);transform:scale(1.05)}.htmlcontent .item-img{position:relative;z-index:0;grid-column:1;grid-row:1 / 3;width:100%;min-height:100%;transition:opacity .3s, -webkit-transform .3s;transition:transform .3s, opacity .3s;transition:transform .3s, opacity .3s, -webkit-transform .3s;-webkit-transform:scale(1);transform:scale(1);object-fit:cover}.htmlcontent .item-title{position:relative;z-index:1;grid-column:1;grid-row:2 / 3;padding:2rem;margin:0;font-size:3em;font-weight:800;line-height:1.2;color:#fff;text-transform:uppercase}.htmlcontent .item-html{position:relative;z-index:1;display:-webkit-flex;display:flex;grid-column:1;grid-row:1 / 2;padding:1rem 2rem;font-size:2em;font-weight:400;line-height:1.4;color:#fff}#htmlcontent_top{-webkit-flex:0 0 100%;flex:0 0 100%;width:100%;max-width:1470px;padding:0 15px;margin:0 auto 2rem}